<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/templates/common/taglib.jsp"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
String borrowedFirstGuidJson= (String)request.getAttribute("borrowedFirstGuidJson");
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>${title }</title>
    <link rel="stylesheet" href="${basePath}/static/bootstrap/css/bootstrap.css"/>
    <link href="${basePath}/static/css/basic.css" rel="stylesheet" type="text/css">
    <link href="${basePath}/static/css/login.css" rel="stylesheet" type="text/css">
    <link href="${basePath}/static/css/list.css" rel="stylesheet" type="text/css">
<%--     <link rel="stylesheet" href="${basePath}/static/css/content_leftNav.css"/>
    <link rel="stylesheet" href="${basePath}/static/css/FrontControl.css"/> --%>
    <script  type="text/javascript" src="${basePath}/static/js/jquery.min.js"></script>
	<script  type="text/javascript" src="${basePath}/static/My97DatePicker/WdatePicker.js"></script>
	<script  type="text/javascript" src="${basePath}/static/page/jqPaginator/jqPaginator.js"></script>
    <script  type="text/javascript" src="${basePath}/static/js/util.js"></script>
    <script  type="text/javascript" src="${basePath}/static/layer/layer.js"></script>
    <link href="${basePath}/static/layer/layer_defined.css" rel="stylesheet" type="text/css">
    
</head>
<body>
<!--头部-->
	<%@include file="/WEB-INF/templates/common/header.jsp"%>
	<!------导航条-->
	<%@include file="/WEB-INF/templates/common/navigation.jsp"%>

<!--内容部分-->
<div class="list_main lay_out" class="clearfix">
    <div class="list_DH">
        <%@include file="/WEB-INF/templates/common/medBorrowNav.jsp"%>
    </div>
    <div class="list_NR">
        <div class="loc">
            <h3 style="margin:0">病案借阅</h3>
        </div>
        <div class="list_con_table">
            <div class="search_table">
                <ul class="clearfix" style="margin-bottom:0px;">
                <input type="hidden" value="0" id="totalCountHidden"/>
                <input type="hidden" value="0" id="pageNoHidden"/>
                <li class="Label_1" style="width:11%">出院日期：&nbsp;</li>
               <li class="Label_2" style="width:27%;">
                   <input style="width:40%;" class="input_box" id="outHospitalStartDate" value='' onFocus="WdatePicker()" type="text" > 
                   - <input style="width:40%" class="input_box" id="outHospitalEndDate"  value='' onFocus="WdatePicker()" type="text" >
               </li>
               <li class="Label_1" style="width:11%">ID号：&nbsp;</li>
               <li class="Label_2">
               	<input class="input_box" type="text"  id="mrId" value='' />
               </li>
               <li class="Label_1" style="width:11%">患者名：&nbsp;</li>
               <li class="Label_2">
               	<input class="input_box" type="text"  id="name" value='' />
               </li>
               <li class="Label_1" style="width:11%">身份证号：&nbsp;</li>
               <li class="Label_2" style="width:27%;"><input class="input_box" type="text" style="width:90%;"  id="idCard"  value='' />          	 
               </li>
               <li class="Label_1" style="width:11%">出院科室：&nbsp;</li>
               <li class="Label_2" style="width:50%;text-align:left;padding-left:3px;" >      
               	<select class="input_box" style="width:38%" id="outHospitalOfficeId">
               		<option value="">请选择</option>
               		<c:forEach var="office" items="${officeList }"> 
               			<option value="${office.id }">${office.name}</option>
               		</c:forEach>
                	
                	</select>
                </li>
<%--                 <li class="Label_1" style="width:11%">离院方式：&nbsp;</li>
                <li class="Label_2" style="width:78%">
            
                	<c:forEach items="${outHospitalTypeList}" var="outHospitalType">
                		<input type="checkbox" class="check_cl" name="outHospitalTypeIds" value="${outHospitalType.id}" checked="checked"><span>${outHospitalType.name}</span>   		
                	</c:forEach>
                	
                </li> --%>
                    <li class="Label_5">
                        <div class="right" style="text-align:right">
                            <a id="Add" onclick="init(1,10)">查询</a>
                        </div>
                    </li>
                </ul>
                </ul>
            </div> 
             <table class="Search_tableList" cellpadding="0" cellspacing="0">
                 <tr>
                    <td class="tdLabel_4">姓名</td>
                    <td class="tdLabel_4">证件号码</td>
                    <td class="tdLabel_4">ID号</td>
                    <td class="tdLabel_4">住院次数</td>
                    <td class="tdLabel_4">出院科室</td>
                    <td class="tdLabel_4">出院日期</td>
                    <td class="tdLabel_4">离院方式</td>
                    <td class="tdLabel_4">操作</td>
                </tr>
                <tr id="loading" style="height:50px;display:none">
	                 <td colspan="8" align="center" ><img src="${basePath}/static/layer/skin/default/loading-2.gif"></td>
	            </tr>
                <tbody id="tbody">
                
                </tbody>
            </table>
        </div>
        <div class="pageList">
            <ul class="pagination clearfix" id="page_plus"></ul>
            <div class="pagination">
                <div>总共：<b id="totalPage">0</b> 条信息    当前页是第 <b id="currentPage">0/0</b>　页</div>
            </div>
        </div>
    </div>
</div>
<!------页脚部分--------->
<%@include file="/WEB-INF/templates/common/footer.jsp"%>

<!--JS部分-->
<script type="text/javascript">

    function init(pageNo,pageSize){
    	
    	var  name=$("#name").val();
    
    	var idCard=$("#idCard").val();
    	var  outHospitalStartDate=$("#outHospitalStartDate").val();
    	var  outHospitalEndDate=$("#outHospitalEndDate").val();
    	var  mrId=$("#mrId").val();
    	var  outHospitalOfficeId=$("#outHospitalOfficeId").val();
		var outHospitalTypeIds=[];
		//outHospitalTypeIds=getFormVals("outHospitalTypeIds");
    	//jQuery.support.cors = true;

		if((outHospitalOfficeId==null || outHospitalOfficeId=="") &&(mrId==null || mrId=="")&&(outHospitalStartDate==null || outHospitalStartDate=="") && (outHospitalEndDate==null || outHospitalEndDate=='') && (name==null || name=='') && (idCard==null || idCard=='')){
			layer.alert("请输入至少一个查询条件!",{icon:7});
			return;
		}
    	$.ajax({
    		type:'get',
    		url:"${corePath}/medrecord/ajaxPigeonholed",
    		//dataType:"JSONP",
    		data:{name:name,idCard:idCard,outHospitalStartDate:outHospitalStartDate,outHospitalEndDate:outHospitalEndDate,mrId:mrId,outHospitalOfficeId:outHospitalOfficeId,outHospitalTypeIds:outHospitalTypeIds,
    			currentPage:pageNo,pageSize:pageSize},
    		beforeSend:function(){
    					$("#tbody").html("");
    					$("#loading").show();
    		},
    		success:function(data){
    			$("#loading").hide();
    			if(data.success){
    				
    				var borrowedFirstGuidJson= <%=borrowedFirstGuidJson%>; 
    				//console.log(borrowedFirstGuidJson);
    				var hospitalNotes=data.data.hospitalNotesJson;
    				var len=hospitalNotes.length;
    				if(len>0){
    					var totalCounts=data.data.medRecordQuery.totalCounts;
    					page(pageNo,totalCounts);
    					$("#totalCountHidden").val(totalCounts);
    					$("#pageNoHidden").val(pageNo);
    					var html='';
        				for(var i=0;i<len;i++){
        					var checkStatus=0;
        					var flag=false;
        					var obj=hospitalNotes[i];
        					var firstGuid=obj.firstGuid;
        					html+="<tr>"+
    	    	                  "  <td class='tdLabel_5'>"+(obj.patient_name==undefined?'':obj.patient_name)+"</td>"+
    	    	                  "  <td class='tdLabel_5'>"+(obj.id_number==undefined?'':obj.id_number)+"</td>"+
    	    	                  "  <td class='tdLabel_5'>"+(obj.mr_id==undefined?'':obj.mr_id)+"</td>"+
    	    	                  "  <td class='tdLabel_5'>"+(obj.visit_number==undefined?'':obj.visit_number)+"</td>"+
    	    	                  "  <td class='tdLabel_5'>"+(obj.office_name==undefined?'':obj.office_name)+"</td>"+
    	    	                  "  <td class='tdLabel_5'>"+(obj.out_hospital_date==undefined?'':obj.out_hospital_date)+"</td>"+
    	    	                  "  <td class='tdLabel_5'>"+(obj.out_hospital_type_name==undefined?'':obj.out_hospital_type_name)+"</td>";
        					 
            				if(borrowedFirstGuidJson==null || borrowedFirstGuidJson==undefined || borrowedFirstGuidJson==''){
            					flag=false;
            				} else{
            					for(var j=0;j<borrowedFirstGuidJson.length;j++){
            						var borrowedFirstGuid=borrowedFirstGuidJson[j];
            						if(borrowedFirstGuid){
            							if(borrowedFirstGuid.firstGuid==firstGuid){
                							flag=true;
                							checkStatus=borrowedFirstGuid.checkStatus;
                						}
            						}
            						
            					}
            				
            				}
            				
            	
            				
            				if(flag){
            					if(checkStatus==1){
            						html+="<td class='tdLabel_5'>申请中</td>"+
      	    	                  "</tr>";
            					}else if(checkStatus==2){
            						html+="<td class='tdLabel_5'>借阅中</td>"+
      	    	                  "</tr>";
            					}else{
            						html+="<td class='tdLabel_5'><a class='int' guid='"+obj.firstGuid+"' onclick='borrowMed(this)'>借阅</a></td></tr>";
            					}
            					
            				}else{
            					html+="<td class='tdLabel_5'><a class='int' guid='"+obj.firstGuid+"' onclick='borrowMed(this)'>借阅</a></td></tr>";
  	    	                
            				}
    	    	             	
    	    	                  
        					
        				}
        				
        				$("#tbody").html("").html(html);
		              
    				}else{
    					layer.alert("查询数据为空！",{icon:5})
    					$("#tbody").html("");
    					$("#currentPage").html("0/0");
  						$("#totalPage").html("0");
  						$("#page_plus").html("");
    				}

    			}else{
    				layer.alert(data.msg,{icon:5})
					$("#tbody").html("");
	                $("#currentPage").html("0/0");
					$("#totalPage").html("0");
					$("#page_plus").html("");
    			}

    		}
    	})
    }
    
    function page(currentPage,totalCounts){
        var pageSize = 10;
        var visiblePages = 5;
        var totalPages = Math.ceil(totalCounts/pageSize);
        $('#page_plus').jqPaginator({

            totalCounts: totalCounts,
            pageSize:pageSize,
            visiblePages: visiblePages,
            currentPage: currentPage,

            first:'<li class="first"><a href="javascript:void(0);">首页</a></li>',
            prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
            next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
            last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
            page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
            onPageChange: function (num,type) {
            	
            	 if(type !='init'){
                 
            		 init(num,pageSize);
                 }
                $("#totalPage").html(totalCounts);
                $("#currentPage").html(num+"/"+totalPages);
            }
        });

    }
	
	 
	 
		function borrowMed(obj){
			var $this=$(obj);
	    	var firstGuid=$this.attr("guid");
	
	    	$.ajax({
				type:"post",
				url:"${basePath}/borrow/addBorrowMed",
				data:{firstGuid:firstGuid},
				success:function(data){
						
					if(data.success){
						layer.alert("申请成功",{icon:1});
						/* $(obj).parents("tr").fadeOut("slow",function(){
							$(this).remove();
						}) */
						$(obj).parents("td").html("申请中");
						
				
    	
    					
					}
				}
			})
		}
	
</script>

</body>
</html>